<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin: 0;
            padding: 0;
        }
        #b_div{
            width: 100%;
            background-color: #e8e8e8;
            position: relative;
            height: auto;
            min-height: 100vh;
            border: 1px solid red;
        }

        #b_f_div,#b_q_div,#b_b_div,#b_y_div{
            background-color: #e8e8e8;
            position: relative;
            height: auto;
            min-height: 100vh;
            border: 1px solid red;
        }
        /*福利活动*/
        #b_f_div{
            position: absolute;
        }
        #b_f_div>img{
            width: 50%;
            height: 50%;
            object-fit: contain;

        }

        /*女武神情报——待定*/
        /*#b_n_div{*/
        /*}*/

        /*全新服饰*/
        #b_q_div{

        }

        /*版本内容*/
        #b_b_div{

        }
        /*游戏特色*/
        #b_y_div{

        }
    </style>
</head>
<body>
<div id="b_div">
    <div id="b_f_div">
        <img src="../bh_img/福利活动框.webp">
    </div>
    <!--    <div id="b_n_div"></div>-->
    <div id="b_q_div"></div>
    <div id="b_b_div"></div>
    <div id="b_y_div"></div>
</div>

</body>
</html>